import React from "react";
import styles from "./SolutionsPage.module.css";
const SolutionsPage = () => {
    return (
        <div className={styles.container}>
            <div className={styles.headerRow}>
                <div className={styles.sectionTitle}>
                    <span className={styles.textend}>ENTERPRISE SOLUTIONS</span>
                    <span className={styles.text}>选择合适您团队/企业的解决方案</span>
                </div>
                <div className={styles.content}>
                    <div className={styles.contentWrapper}>
                        <img className={styles.logo} src="https://s.ibaotu.com/next/img/new/v-1.c28f.png" alt="" />
                        <div className={styles.title}>DESIGN</div>
                        <div className={styles.desc}>个人VIP</div>
                        <p className={styles.link}>立即加入</p>
                        <ul className={styles.list}>
                            <li className={styles.book}>
                                <span className={styles.label}>适用场景</span>
                                <p className={styles.item}>仅限个人学习，交流使用</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>商用权益</span>
                                <p className={styles.item}>不可商用</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>对应权益</span>
                                <p className={styles.item}>相关素材高速下载，专属客服及时响应，在线发票申请</p>
                            </li>
                        </ul>
                    </div>
                    <div className={styles.contentWrapper}>
                        <img className={styles.logo} src="https://s.ibaotu.com/next/img/new/v-2.5a48.png" alt="" />
                        <div className={styles.title}>DESIGN</div>
                        <div className={styles.desc}>企业VIP</div>
                        <p className={styles.link}>立即加入</p>
                        <ul className={styles.list}>
                            <li className={styles.book}>
                                <span className={styles.label}>适用场景</span>
                                <p className={styles.item}>用于企业的线上宣传，线下物料活动，广告传媒用途，转售品用途等</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>商用权益</span>
                                <p className={styles.item}>企业可商用</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>对应权益</span>
                                <p className={styles.item}>相关素材高速下载，专属客服及时响应，在线发票申请</p>
                            </li>
                        </ul>
                    </div>
                    <div className={styles.contentWrapper}>
                        <img className={styles.logo} src="	https://s.ibaotu.com/next/img/new/v-3.f421.png" alt="" />
                        <div className={styles.title}>DESIGN</div>
                        <div className={styles.desc}>在线设计</div>
                        <p className={styles.link}>立即加入</p>
                        <ul className={styles.list}>
                            <li className={styles.book}>
                                <span className={styles.label}>适用场景</span>
                                <p className={styles.item}>无需设计能力，线上编辑，快速出图</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>商用权益</span>
                                <p className={styles.item}>个人可商用</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>对应权益</span>
                                <p className={styles.item}>相关素材高速下载，专属客服及时响应，在线发票申请</p>
                            </li>
                        </ul>
                    </div>
                    <div className={styles.contentWrapper}>
                        <img className={styles.logo} src="https://s.ibaotu.com/next/img/new/v-4.9fab.png" alt="" />
                        <div className={styles.title}>DESIGN</div>
                        <div className={styles.desc}>融媒体VIP</div>
                        <p className={styles.link}>立即加入</p>
                        <ul className={styles.list}>
                            <li className={styles.book}>
                                <span className={styles.label}>适用场景</span>
                                <p className={styles.item}>行政事业单位用于网络媒体，传统媒体，活动物料，广告投放等</p>
                            </li>
                            <li className={styles.book}>
                                <span className={styles.label}>商用权益</span>
                                <p className={styles.item}>相关素材高速下载，专属客服即时响应，在线发票申请</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div className={styles.ep}>
                <div className={styles.ep_content}>
                    <div className={styles.ep_content_left}>
                        <div className={styles.main}>素材采购</div>
                        <div className={styles.main}>素材定制</div>
                        <div className={styles.main}>代理合作</div>
                        <div className={styles.main}>企业客户</div>
                        <div className={styles.main}>版权保障</div>
                    </div>
                    <div className={styles.right}>
                        <div className={styles.right_main}>
                            <p className={styles.right_main_p}>如果您需要:采购企业VIP或单个购买作品,API对接</p>
                            <div className={styles.right_main_div}>
                                <p>微信扫一扫</p>
                                <span>客户经理为您服务</span>
                                <img src="https://s.ibaotu.com/ibaotu/img/index/img_bottom_enter.png" alt="" />
                                <em>(无需验证 扫码直接聊)</em>
                            </div>
                        </div>
                    </div>
                </div>
                <div className={styles.enter_content}>
                    <div className={styles.enter_content_left}>
                        <div className={styles.right}>
                            <span>为您推荐</span>
                        </div>
                        <div className={styles.top_main}>
                            <span className={styles.top_link}>有任何疑问联系客服QQ:3005589603</span>
                            <span className={styles.top_link}>申请友情链接联系QQ:1060327122</span>
                            <span className={styles.top_link}>商务合作请联系QQ:447632005</span>
                            <div className={styles.bottom}>
                                企业套餐优惠采购
                                <div className={styles.bottom_content}>
                                    <div className={styles.bottom_content_left}>
                                        <p>微信扫一扫</p>
                                        <span>客户经理为您服务</span>
                                        <img src="https://s.ibaotu.com/ibaotu/img/index/img_bottom_enter.png" alt="" />
                                        <em>(无需验证 扫码直接聊)</em>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className={styles.botton_title_init}>
                    <img src="../public/asdff.png" alt="" />
                </div>
            </div>
        </div>
    )
}

export default SolutionsPage;